<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      demo: "demo",
    };
  },
  methods: {
    handleClick: function () {},
  },
  beforeCreate() {
    console.log(
      "执行beforeCreated生命周期：",
      "数据：",
      this.demo,
      "events:",
      this.handleClick
    );
  },
  mounted() {
    console.log(
      "执行mounted生命周期：",
      "数据：",
      this.demo,
      "events:",
      this.handleClick
    );
  },
  created() {
    console.log(
      "执行created生命周期：",
      "数据：",
      this.demo,
      "events:",
      this.handleClick
    );
  },
  beforeMount() {
    console.log(
      "执行beforeMouted生命周期：",
      "数据：",
      this.demo,
      "events:",
      this.handleClick
    );
  },
};
</script>

<style lang="less">
</style>
